<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Kiehl's 科颜氏官方网站_契尔氏官网旗舰店，源自美国的顶级护肤品牌</title>
  <link rel="shortcut icon" href="./img/favicon.ico" />
  <script src="./js/apiData.js"></script>
  <script src="https://dss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/js/lib/jquery-1-edb203c114.10.2.js"></script>
  <link rel="stylesheet" href="../swiper/swiper.min.css" />
  <script src="../swiper/swiper.min.js"></script>
  <script src="./js/axios.min.js"></script>
  <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css" />
  <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
  <link rel="stylesheet" href="./css/headList.css" />
  <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
  <div class="headModule">
    <div class="header">
      <div class="head-top">
        <div class="left">
          <div class="nav-menu">
            <div class="menu-item">
              <p class="title">订阅电子杂志</p>
              <div class="menuHover">
                <div class="label">获取科颜氏最新资讯</div>
                <form>
                  <input type="text" placeholder="请输入您的电子邮箱" />
                  <div class="black-btn">订阅~</div>
                </form>
                <div class="check-box">
                  <input type="checkbox" />
                  <p>
                    我同意依照本
                    <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                      class="link-text">使用条款</a>和<a href="https://policy.lorealchina.com/privacypolicy" target="_blank"
                      class="link-text">隐私政策</a>
                    对我的个人信息进行收集和使用；我已阅读并确认被给予充分机会理解该
                    <a href="https://policy.lorealchina.com/termsofusewebsite" target="_blank"
                      class="link-text">使用条款</a>
                    和
                    <a href="https://policy.lorealchina.com/privacypolicy" target="_blank" class="link-text">隐私政策</a>
                    的内容。
                  </p>
                </div>
              </div>
            </div>
            <div class="menu-item">
              <p class="title">客服中心</p>
              <div class="menuHover">
                <div class="routine-finder">
                  <div class="flex-box">
                    <div class="popup-left">
                      <span class="iconfont icon-dianhuarexian"></span>
                    </div>
                    <div class="popup-right">
                      <div class="phone-info">
                        <div class="label">客服热线</div>
                        <span>400-820-5433</span>
                      </div>
                      <a href="" class="questions">
                        常见问题
                        <span class="iconfont icon-youjiantou"></span>
                        </svg>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="menu-item">
              <p class="title">
                <span class="location"></span>
              </p>
            </div>
            <div class="menu-item">
              <p class="title">
                <span class="iconfont icon-weixin"></span>
              </p>
              <div class="menuHover">
                <div class="wechat-box">
                  <img src="https://www.kiehls.com.cn/img/mp_code_new_version.190e482d.jpg" class="wechatQR">
                  <div class="wechat-text sans-serif">
                    <span class="title">扫码关注</span>
                    <span class="sub-title">科颜氏官方微信</span>
                  </div>
                </div>
              </div>
            </div>
            <div class="routine-finder">
              <p class="title">选择适合您的护肤品</p>
            </div>
          </div>
        </div>
        <div class="logo">
          <img
            src="https://ecuniplatform-static.kiehls.com.cn/750474837507526656/Logo_d77de5fa-f810-4a5f-ab87-3978a6f483b5/Logo.png">
        </div>
        <div class="right">
          <div class="account-section">
            <div class="user-section">
              <div class="user"><span>登录</span>
              </div>
              <!---->
            </div>
            <div class="user-cart">
              <span class="iconfont icon-gouwudai101"></span>
              <span class="shopping-text">购物袋</span>
              <span>(0)</span>
              <div class="mini-cart popup-with-triangle">
                <div class="mini-cart-wrap">
                  <div class="left-wrap">
                    <div class="empty">
                      <p class="empty-title">您的购物车为空</p>
                      <a>
                        <p class="go-shopping">立即选购您喜欢的商品</p>
                      </a>
                    </div>
                  </div>
                  <div class="right-wrap">
                    <div class="product-item">
                      <div class="product-image">
                        <img
                          src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_1-UFC-50ML_TCN03386.jpg"
                          alt="">
                      </div>
                      <div class="product-detail">
                        <p class="product-name">科颜氏高保湿霜</p>
                        <div class="heart-main">
                          <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p class="product-price">¥315 - ¥580</p>
                      </div>
                    </div>
                    <div class="product-item">
                      <div class="product-image">
                        <img
                          src="https://ecuniplatform-static.kiehls.com.cn/medias/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U_e7bfd07e9c8543f68a8383b263ab651b/PRODUCT_150_150/RATIO/12_5-%E9%87%91%E6%B0%B4-250ML_S0926301U.jpg"
                          alt="">
                      </div>
                      <div class="product-detail">
                        <p class="product-name">科颜氏金盏花爽肤水</p>
                        <div class="heart-main">
                          <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p class="product-price">¥340 - ¥570</p>
                      </div>
                    </div>
                    <div class="product-item">
                      <div class="product-image">
                        <img
                          src="https://ecuniplatform-static.kiehls.com.cn/product/20211028010/903372841443921920/PRODUCT_150_150/RATIO/12_12-CCDS%E5%AE%89%E7%99%BD%E7%93%B6-30ML_F7681100U.jpg">
                      </div>
                      <div class="product-detail">
                        <p class="product-name">科颜氏新集焕白均衡亮肤淡斑精华液</p>
                        <div class="heart-main">
                          <span>♥</span><span>♥</span><span>♥</span><span>♥</span><span>♥</span>
                        </div>
                        <p class="product-price">¥540 - ¥1300</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="search-section">
            <div class="nav-item">查看所有产品</div>
            <div class="nav-item no-border">先试后买计划</div>
            <div class="nav-item no-border search-box">
              <input placeholder="高保湿霜">
              <div class="search-btn">
                <span class="iconfont icon-sousuo"></span>
              </div>
              <div class="el-row">
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <nav>
    <ul class="headList"></ul>
    <div class="headList_layer_2"></div>
    <div class="headList_layer_2_title"></div>
    <div class="headList_layer_3"></div>
    <div class="kiehls_text"></div>
  </nav>
  </div>
  </div>


  <div class="scroll" style="height: 10000px;">

  </div>




  <script src="./js/headList.js"></script>

</body>

</html>